* {
 margin: 0;
 padding: 0;
}
body,html {
height: 100%;
width: 100%;
background: url('/assets/images/login_bg.jpg') no-repeat center top;
background-size: cover;
}
.header {
 padding-top: 20px;
}
.login-and-register {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 400px;
 height: 310px;
 background: #fff;
}
.title-box {
 background: url('/assets/images/login_title.png') no-repeat center center;
width: 100%;
height: 60px;
}
form {
 padding: 0 30px;
}
form a {
 font-size: 12px;
}
.layui-form-item {
 position: relative;
}
.layui-icon-username,.layui-icon-password {
 position: absolute;
 left: 10px;
 top: 10px;
}
.layui-input {
 padding-left: 30px;
}


